<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>背景设置</title>
		<style>
			
			div {
				/*
					高度设置
				*/
				height: 500px;
				/*
					宽度设置
				*/
				width: 500px;
				/*
					背景颜色
				*/
				/*background-color: skyblue;*/

				/*
					背景图片
				*/
				/*background-image: url("img/flower.png");*/
				
				/*
					平铺效果
					no-repeat: 没有平铺效果;
					repeat-x: x方向有平铺效果;
					repeat-y: y方向有平铺效果;
					repeat: x和y方向都有平铺效果(默认效果);
				*/
				/*background-repeat: no-repeat;*/

				/*
					背景图片依附效果
					scroll: 背景图随着元素的移动而移动;
					fixed: 背景图不随着元素的移动而移动;
				*/
				/*background-attachment: scroll;*/
				
				/*
					背景图片位置
					值: left top(左上) 
						left center(左中)
						left bottom(左下)
						center top(上中)
						right top(右上)
						center center(中间)
						center right(右中)
						center bottom(下中)
						right bottom(右下)
					值也可以是: 120px 200px;
				*/
				/*background-position: 50px 50px;*/
				
				/*
					简写: 颜色 图片 平铺效果 依附效果 位置;
				*/
				background: yellow url("img/flower.png") no-repeat scroll center center;


			}


		</style>
	</head>
	<body>

		<div></div>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		
	</body>
</html>